<template>
	<view class="set">
		<view class="set-1">
			<text>头像</text>
			<view style="display: flex;align-items: center;">
				<image class="img" src="/static/logo.png" mode=""></image>
				<image src="/static/fan.png" mode=""></image>
			</view>
		</view>
		<view class="set-tw">
			<view class="set-t">
				<text>昵称</text>
				<view>
					<text class="text">yangqixiaonv</text>
					<image src="/static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="set-t">
				<text>性别</text>
				<view>
					<text class="text">女</text>
					<image src="/static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="set-t">
				<text>二维码名片</text>
				<view>
					<text class="text">图片</text>
					<image src="/static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="set-t">
				<text>职业</text>
				<view>
					<text class="text">美发师</text>
					<image src="/static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="set-t">
				<text>地区</text>
				<view>
					<text class="text">四川-成都</text>
					<image src="/static/fan.png" mode=""></image>
				</view>
			</view>
			<view class="set-t">
				<text>简介</text>
				<view>
					<text class="text">输入1-30字简介哦</text>
					<image src="/static/fan.png" mode=""></image>
				</view>
			</view>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},

		methods: {

		}
	}
</script>

<style lang="scss">
	.set {

		.set-1 {
			padding: 30rpx;
			border-bottom: 10rpx solid #F1F1F1;
			background-color: #fff;
			display: flex;
			align-items: center;
			justify-content: space-between;

			text {
				font-size: 26rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #333333;
			}

			image {
				width: 10rpx;
				height: 20rpx;
			}

			.img {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				margin-right: 20rpx;
			}
		}

		.set-tw {
			padding: 0 25rpx;

			background-color: #fff;

			.set-t {
				padding: 25rpx 0;
				border-bottom: 1rpx solid #F1F1F1;
				background-color: #fff;
				display: flex;
				align-items: center;
				justify-content: space-between;

				text {
					font-size: 26rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #333333;
				}

				.text {
					margin-right: 20rpx;
					font-size: 20rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #777777;
				}

				image {
					width: 10rpx;
					height: 20rpx;
				}
			}
		}
	}
</style>
